React = require 'react'
ReactDOM = require 'react-dom'

RaisedButton = require 'material-ui/lib/raised-button'
AppBar = require 'material-ui/lib/app-bar'
IconButton = require 'material-ui/lib/icon-button'
NavigationClose = require 'material-ui/lib/navigation-close'
FlatButton = require 'material-ui/lib/flat-button'

Comp = React.createClass
	render: ->
		<div>
			<RaisedButton label='Default'/>
			<hr/>
			<AppBar title='Title' iconClassNameRight='muidocs-icon-navigation-expand-more'/>
			<AppBar title={<span>Title</span>}
				iconElementLeft={<IconButton><NavigationClose /></IconButton>}
                iconElementRight={<FlatButton label="Save" />}/>
		</div>

ReactDOM.render <Comp/>, document.getElementById('root')
